$(function () {
    //设置中间主体部分的宽度
    function setMainContain(){
        if($(window).width() > 768){$(".main-container").css({
            width: $(window).width() - ($(".leftbar").offset().left + $(".leftbar").width()) - 50,
        })}else {
            $(".main-container").css({
                width: $(window).width(),
            })
        }
    }
    // 设置鼠标移入时左侧导航的效果
    $(".sidebar-ul li").children("a").on("mouseover",function () {
        $(this).css({
            color: "#5b9bd1",
        });
    })
    $(".sidebar-ul li").children("a").on("mouseleave",function () {
        $(this).css({
            color: "#777",
        });
        $(".active-leftbat a").css({
            color:"#5b9bd1",
        })
    })
    $(".active-leftbat a").css({
        color:"#5b9bd1",
    })

    //设置导航栏的li的位置
    function setLeftBar() {
        if($(window).width()>770){
            $(".active-leftbat").siblings().css({
                marginLeft: "-2.25em"
            })
        }
    }
    
    // 控制导航栏的点击事件1
    function barClick1() {
        $(".navbar-default").css({
            position:"relative",
            backgroundColor:"#f8f8f8"
        });
        $(".main-container").css({
            position:"relative"
        })
    }

    // 控制导航栏的点击事件2
    function barClick2() {
        $(".navbar-default").css({
            position:"absolute",
            zIndex:9999,
            backgroundColor:"transparent"
        });
        $(".main-container").css({
            position:"absolute"
        })
    }

    // 当屏幕变小时，控制导航栏的大小
    function setBarSize() {
        if($(window).width() < 768){
            barClick2();
        }else {
            barClick1();
        }
    }

    var flag = 0;
    $(".sidebar-button").on("click",function () {
        if(flag == 0){
            barClick1();
            flag = 1;
        }else {
            barClick2();
            flag = 0;
        }
    });

    setMainContain();
    setLeftBar();
    setBarSize();
    $(window).resize(function () {
        setMainContain();
        setBarSize();
    })
})